
/* xian css */
    .x-main{height:100%;min-width: 1278px;position: relative;background: #fff;padding-left: 180px;overflow: hidden;}
    .x-main .x-aside-left{height:100%;position: absolute;top: 0;left: 0;width: 180px;bottom: 0;background: #175596;z-index: 200;}
    .x-main .x-aside-right{height:100%;position: absolute;top: 0;right: 0;width: 180px;bottom: 0;background: violet;z-index: 200;display:none;}
    .x-main .x-content{height:100%;background: #fff;position: relative;padding: 50px 0 0;}
    .x-main .x-content .x-header{height: 50px;background-color: #3A3F51;position: absolute;top: 0;right: 0;width: 100%;z-index: 100;}
    .x-main .x-content .x-footer{height: 50px;background-color: #3A3F51;position: absolute;right: 0;width: 100%;bottom: 0;z-index: 100;}
    .x-main .x-content .x-content-box{}
    .x-main .x-aside-left.x-fixpos{position: fixed;}
    .x-main .x-aside-right.x-fixpos{position: fixed;}
    .x-main .x-content .x-header.x-fixpos,
    .x-main .x-content .x-footer.x-fixpos{position: fixed;padding-left: 180px;}
    .x-main.x-fixwidth{margin: 0 auto;width: 1024px;}
    .x-main.x-fixwidth .x-aside-left.x-fixpos{ position: fixed; left: 50%; margin-left: -512px; }
    .x-main.x-fixwidth .x-aside-right.x-fixpos{ position: fixed; left: 50%; margin-left: 312px; }
    .x-main.x-fixwidth .x-content .x-header.x-fixpos,
    .x-main.x-fixwidth .x-content .x-footer.x-fixpos{position: fixed;width: 1024px;left: 50%;margin-left: -512px;}
    .x-main.x-aside-left-mini{padding-left: 56px;}
    .x-main.x-aside-left-mini .x-aside-left{width: 56px;}
    .x-main.x-aside-left-mini .x-aside-right{ }
    .x-main.x-aside-left-mini .x-content .x-header,
    .x-main.x-aside-left-mini .x-content .x-footer{padding-left: 56px;}
    .x-main.x-aside-left-mini .x-aside-left.x-fixpos{ }
    .x-main.x-aside-left-mini .x-aside-right.x-fixpos{ }
    .x-main.x-aside-left-mini .x-content .x-header.x-fixpos,
    .x-main.x-aside-left-mini .x-content .x-footer.x-fixpos{ }
    .x-main.x-aside-right-show .x-aside-right{display:block;}
    @media screen and (max-width: 768px) {
        .x-main{padding-left: 0;}
        .x-main .x-aside-left{width: 180px;left: -180px;}
        .x-main .x-content .x-header,
        .x-main .x-content .x-footer{padding-left: 0;}
    }
/* x-aside-logo */
    .x-aside-logo{background-size: 96%;background-repeat: no-repeat;background-position: center center;line-height: 400px;height: 100px;background-color: #175596;}
    .x-aside-logo i{font-size: 24px;top: 3px;}
    .x-aside-logo span{font-size: 20px;font-weight: 700;}
    .x-main.x-aside-left-mini .x-aside-logo span{display:none}
    .x-aside-logo1{ background-size: 65%;background-repeat: no-repeat;background-position: 28px center;line-height: 400px;height: 100px;background-color: #053b74;}
    .x-aside-logo1 i{font-size: 24px;top: 3px;}
    .x-aside-logo1 span{font-size: 20px;font-weight: 700;}
    .x-main.x-aside-left-mini .x-aside-logo1 span{display:none}
    .x-aside-logo2{background-size: 65%;background-repeat: no-repeat;background-position: 28px center;line-height: 400px;height: 100px;background-color: #053b74;}
    .x-aside-logo2 i{font-size: 24px;top: 3px;}
    .x-aside-logo2 span{font-size: 20px;font-weight: 700;}
    .x-main.x-aside-left-mini .x-aside-logo2 span{display:none}
/* x-aside-user */
    .x-aside-user{height: 160px;text-align: center;padding: 24px 0 0;}
    .x-aside-user .x-aside-user-img{background-repeat: no-repeat;background-size: contain;width: 80px;height: 80px;margin: 0 auto;border-radius: 40px;}
    .x-aside-user .x-aside-user-name{height: 28px;line-height: 28px;}
    .x-aside-user .x-aside-user-name .caret { border-top-color: #a6a8b1; border-bottom-color: #a6a8b1; }
    .x-aside-user .x-aside-user-role{height: 20px;line-height: 20px;}
    .x-main.x-aside-left-mini .x-aside-user {}
    .x-main.x-aside-left-mini .x-aside-user .x-aside-user-img{ width: 44px; height: 44px; }
    .x-main.x-aside-left-mini .x-aside-user .x-aside-user-name{display:none}
    .x-main.x-aside-left-mini .x-aside-user .x-aside-user-role{display:none}
/* x-aside-menu */
    .x-aside-menu {list-style: none;margin: 0;padding: 0;border: 0;z-index: 10;position: relative;}
    .x-aside-menu li.sidebar-header {padding: 10px 25px 11px 15px;font-size: 12px;color: #4b646f;background: #1a2226;border: 0;}
    .x-aside-menu li.active > .x-aside-menu-sidebar {display: block;background: #07417f;}
    .x-aside-menu a { color: #b8c7ce; text-decoration: none; -webkit-transition: all 0.25s ease;    -o-transition: all 0.25s ease;    transition: all 0.25s ease;}
    .x-aside-menu > li {position: relative;margin: 0;padding: 0;border-top: 0;border-bottom: 0;}
    .x-aside-menu > li > a {padding: 0 0 0 44px;border-left: 8px solid transparent;display: block;width: 100%;color: #cfc6cf;font-size: 15px;text-decoration: none;text-align: left;line-height: 48px;}
    .x-aside-menu > li > a > .glyphicon {width: 20px;text-align: center;}
    .x-aside-menu > li:hover > a {color: #fff;background: #2f66a2;border-left-color: #2196f3;}
    .x-aside-menu > li.active > a {color: #fff;background: #0c63c1;border-left-color: #2196F3;}
    .x-aside-menu > li.active > a > .glyphicon-chevron-left:before { content: "\e114"; }
    .x-aside-menu > li .label,.x-aside-menu > li .badge { margin-top: 1px; margin-right: 5px; }
    .x-aside-menu > li > a i:first-child { top: 14px; left: 20px; text-align: center; font-size: 16px; display: block; position: absolute; vertical-align: top; color: #cfc6cf; }
    .x-aside-menu > li > a i:last-child { vertical-align: middle; line-height: 50px; margin-right: 17px; font-size: 20px;}
    .x-aside-menu > li.active > a i.fa {-moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
    .x-aside-menu .x-aside-menu-sidebar {height: 0px;transition: height .5s;-moz-transition: height .5s;-webkit-transition: height .5s;-o-transition: height .5s;width: 180px;overflow-x: hidden;overflow-y: auto;list-style: none;padding: 0;margin: 0 1px;background: transparent;}
    .x-aside-menu .x-aside-menu-sidebar::-webkit-scrollbar {width: 5px;height:0;}
    .x-aside-menu .x-aside-menu-sidebar.active li a {}
    .x-aside-menu .x-aside-menu-sidebar .x-aside-menu-sidebar { padding-left: 20px; }
    .x-aside-menu .x-aside-menu-sidebar > li > a {line-height: 44px;overflow: hidden;border-left: 8px solid transparent;display: block;padding: 0 5px 0 22px;margin: 0;height: 42px;text-decoration: none;font-size: 15px;color: #aaa;}
    .x-aside-menu .x-aside-menu-sidebar > li > a > .glyphicon { width: 20px; }
    .x-aside-menu .x-aside-menu-sidebar > li:hover > a {color: #fff;border-left-color: rgb(33, 150, 243)}
    .x-aside-menu .x-aside-menu-sidebar > li.active > a {color: #feffff;background: #0c63c1;}
    .x-aside-menu > li .content { padding:10px; position:relative; color:#939DA8; }
    .x-aside-menu > li .percent {font-weight:700;position:absolute;right:10px;top: 28px;}
    .x-aside-menu > li .progress {height: 6px;width:70%;border-radius:0;margin-top:4px;margin-bottom:8px;}
    .x-aside-menu > li .progress-bar { margin:0; }
    .x-aside-menu > li .progress-bar-mini { height:6px; }
/* x-aside-left-mini */
    .x-main.x-aside-left-mini .x-aside-menu > li > a > .glyphicon-chevron-left {display:none}
    .x-main.x-aside-left-mini .x-aside-menu > li > a > span {display: none;}
    .x-main.x-aside-left-mini .x-aside-menu > li .label,.x-aside-menu > li .badge { display: none; }
    .x-main.x-aside-left-mini .x-aside-menu li.sidebar-header {height: 4px;background: #33434A;padding: 0;}
    .x-main.x-aside-left-mini .x-aside-menu li.sidebar-header span {display:none;}
    .x-main.x-aside-left-mini .x-aside-menu li > a {padding: 14px 0px 14px 8px;}
    .x-main.x-aside-left-mini .x-aside-menu .x-aside-menu-sidebar { padding: 0; background: #2c3b41; position: absolute; top: 0; left: 42px; width: 180px; border-left: 3px solid rgb(39, 169, 227);}
    .x-main.x-aside-left-mini .x-aside-menu .x-aside-menu-sidebar > li > a { padding: 11px 5px 11px 15px; border-left: 3px solid transparent; display: block; }
    .x-main.x-aside-left-mini .x-aside-menu > li > a > .glyphicon-chevron-down{display:none;}
    .x-main.x-aside-left-mini .x-aside-menu > li .progress{ display: none; }
    .x-main.x-aside-left-mini .x-aside-menu > li .percent{ position: relative; top: 0; left: 0; }
    .x-main.x-aside-left-mini .x-aside-menu > li .stat{ display: none; }
/* x-header */
    .x-header > button { padding: 10px 17px; font-size: 16px; line-height: 30px; text-decoration: none; background-color: transparent; border: none; }
    .x-header .collapse{padding: 0 20px 0 5px;height: 54px!important;}
    .x-header .navbar-default {height: 54px;background-color: #ffffff;border-color: transparent;border-radius: 0;-webkit-box-shadow: 0 4px 10px rgba(0,0,0,.1);box-shadow: 0 4px 10px rgba(0,0,0,.1);border-bottom: 1px solid #ddd;}
    .x-header .nav{}
    .x-header .nav > li{}
    .x-header .nav > li > a{font-size: 12px;color: #352d35;padding-top: 0;padding-bottom: 0;line-height: 52px;height: 50px;}
    .x-header .nav > li > a:hover{color: #352d35;background-color: #ffffff;}
    .x-header .nav > li > a.text-link{color: #3390cf;border:1px solid #3390cf;border-radius:3px;line-height:24px !important;height:24px !important;margin-top:13px;padding-bottom:25px;}
    .x-header .nav > li > a.text-link:hover{color: #3390cf;}
    .x-header .nav > li.open > a{background-color: #f8f8f8;color: #444;}
    .x-header .nav > li > a i{
    display: inline-block;
    vertical-align: text-top;
}
/* x-footer */
    .x-footer div{ line-height: 50px; padding-left: 20px; color: #ddd; }
/* x-table */
    .x-table-people, .x-table-actions { text-align: right; vertical-align: middle; }
    .x-table-people { text-align: left; margin-top: 5px; }
    .x-table-people img { width: 32px; height: 32px; }
    .x-table-title a { font-size: 14px; color: #676a6c; font-weight: 600; }
    .x-table-list table tr td { border-top: none; border-bottom: 1px solid #e7eaec; padding: 15px 10px; vertical-align: middle; }
    .x-table-manager .tag-list li a { font-size: 10px; background-color: white; padding: 5px 12px; color: inherit; border-radius: 2px; border: 1px solid #e7eaec; margin-right: 5px; margin-top: 5px; display: block; }
    .x-table-files li a { font-size: 11px; color: #676a6c; margin-left: 10px; line-height: 22px; }
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color: #2d89ec;color: #fff;}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #555;background-color: #f8f8f8;}
/* Breadcrumb */
    .breadcrumb {padding: 13px 29px 8px;font-size: 12px;color: #ddd;text-align:left;margin-bottom:0;background-color: #eee;}
    .breadcrumb a {padding: 2px 17px 2px 5px;display:inline-block;background-image: url('');background-position:center right;background-repeat:no-repeat;font-size: 12px;color: #999;}
    .breadcrumb>li+li:before ,.breadcrumb a:hover { color:#333333; }
    .breadcrumb a:last-child { background-image:none; }
    .breadcrumb a.current { font-weight:bold; color:#444444; }
    .breadcrumb a i {margin-right:8px;opacity: .7;}
    .breadcrumb a:hover i { margin-right:8px; opacity:.8; }
    .nopadding{padding:0 !important;}
    .datepicker {margin-right:8px;}
    .datepicker .btn-default { border-width: 0; box-shadow: none; }
    .datepicker .btn[disabled] { opacity: 0.4; }
    .datepicker .btn-info .text-info { color: #fff !important; }
    .btn-red{ padding: 6px 22px; background-color: #f7695b; color: #fff; font-size: 14px; border-radius: 5px; }
    .btn-red:hover,.btn-red:focus{ background-color: #F05A50; color: #fff; }
    .btn-red:active{ background-color: #F05A50; color: #fff; }
    /*#e95757 #da2828 #c91414*/
    .btn-hoar{padding:6px 9px;background-color:#fff;color:#CCCCCC;border:1px solid #CCCCCC;font-size:14px;border-radius:5px;}
    .btn-hoar:hover{background-color:#fff;color:#CCCCCC;}
    .btn-blue{ padding: 6px 22px; background-color: #45c5f1; color: #fff; font-size: 14px; border-radius: 5px; }
    .btn-blue:hover,.btn-blue:focus{ background-color: #24aad8; color: #fff; }
    .btn-blue:active{ background-color: #2198c1; color: #fff; }
    .btn-write{padding:6px 9px;background-color:#fff;color:#45c5f1;border:1px solid #45c5f1;font-size:14px;border-radius:5px;}
    .btn-write:hover,.btn-write:focus,.btn-gray:hover,.btn-gray:focus{color:#45c5f1;border:1px solid #45c5f1;}
    .btn-gray{padding:6px 9px;background-color:#fff;color:#CCCCCC;border:1px solid #CCCCCC;font-size:14px;border-radius:5px;}
    .btn-grey{ padding:6px 22px; background-color:#c6c6c6;color:#fff;font-size:14px;border-radius:5px; }
    .btn-grey:hover,.btn-grey:focus{ background-color: #ccc; color: #fff; }
    .btn-grey:active{ background-color: #b0acac; color: #fff; }
    .btn-glay{ padding: 6px 22px; background-color: #c6c6c6; color: #fff; font-size: 14px; border-radius: 5px; }
    .btn-glay:hover,.btn-glay:active,.btn-glay:focus{ background-color: #c6c6c6; color: #fff; }
/* report */
    .panel-body-title{color:#333333;font-size: 20px;margin-top: 25px;margin-bottom:25px;}
    .panel-body-title > i{color:#eb6774;top: 3px;margin-left: 2px;}
    .form-inline{margin: 32px 0 32px 0px;}
    .form-group .form-control{width:170px;border-radius: 5px !important;}
     table thead tr th .pull{padding-left:4px;vertical-align: top;}
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top:none;vertical-align: middle;font-size: 14px;padding: 8px 0;line-height: 20px;color: #222;}
    /*.main-table-striped table tbody tr:nth-of-type(even){background-color:#f0f4f5;}*/
    .tablefoot{ background: #f5f5f5;}
    .table{margin-bottom:0;}
    .mydatepicker1{clear:both;height:28px;width: 180px;}
    .nav-tabs{
        padding: 8px 5px 0px 8px;
        background: #eee;
        border-bottom:0px;
        font-size:15px;
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
        color: #da2828;
        cursor: default;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
        font-size:16px;
    }
    .nav-tabs>li>a:hover {
        color: #da2828;
        border-bottom: 0;
    }
    .dropdown-menu>li>a {
      display: block;
      padding: 10px 20px;
    }
    .align_left{text-align:left;}
    .align_center{text-align:center;}
    .align_right{text-align:right;}
    .cursor{
        cursor: pointer;
    }
/*Ã¤Â¿Â®Ã¦â€Â¹Ã¥Â¯â€ Ã§Â ÂÃ¦Â Â·Ã¥Â¼Â*/
    .password_modal .modal-dialog{width:450px;}
/*Ã©ÂÂ®Ã§Â½Â©Ã¥Â±â€šÃ¦Â Â·Ã¥Â¼Â*/
    .clickbig{background:rgba(0,0,0,.4);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;}
    .clickbigimg{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
    .imloading,.imloading td{ height: 37px; }
    .imloading>td>div{z-index:200;padding-top: 100px;background: rgba(221,221,221,0.5);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
    .sk-spinner-wave.sk-spinner {margin: 0 auto;width: 50px;height: 30px;text-align: center;font-size: 10px;position: absolute;top: 50%;left: 50%;margin-left: -25px;margin-top: -15px;}
    .sk-spinner-wave div {background-color: #e95757;height: 100%;width: 6px;display: inline-block;-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;animation: sk-waveStretchDelay 1.2s infinite ease-in-out;}
    .sk-spinner-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
    .sk-spinner-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; }
    .sk-spinner-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
    .sk-spinner-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
    @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } }
    @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } }
/*Ã¥â€ºÂ¾Ã¦Â â€¡Ã¥Â­â€”Ã¤Â½â€œÃ¥Å’â€“*/
    .pfi{height:18px;width: 18px;display:inline-block;}
    .pfi.d01{background-position:-5px -5px;}
    .x-aside-menu > li:hover > a .pfi.d01{background-position:-30px -5px;}
    .pfi.d02{background-position:-55px -5px;}
    .x-aside-menu > li:hover > a .pfi.d02{background-position:-80px -5px;}
    .pfi.d03{background-position:-105px -5px;}
    .x-aside-menu > li:hover > a .pfi.d03{background-position:-130px -5px;}
    .pfi.d04{background-position:-155px -5px;}
    .x-aside-menu > li:hover > a .pfi.d04{background-position:-180px -5px;}
    .pfi.d05{background-position:-205px -5px;}
    .x-aside-menu > li:hover > a .pfi.d05{background-position:-230px -5px;}
    .pfi.d09{background-position:-255px -5px;}
    .x-aside-menu > li:hover > a .pfi.d09{background-position:-280px -5px;}
    .pfi.d10{background-position:-307px -5px;}
    .x-aside-menu > li:hover > a .pfi.d10{background-position:-332px -5px;}
    .pfi.d11{background-position:-357px -5px;}
    .x-aside-menu > li:hover > a .pfi.d11{background-position:-382px -5px;}
    .pfi.d13{background-position:-414px -5px;}
    .x-aside-menu > li:hover > a .pfi.d13{background-position:-439px -5px;}
    .pfi.d14{background-position:-464px -5px;}
    .x-aside-menu > li:hover > a .pfi.d14{background-position:-489px -5px;}
    .pfi.d15{background-position:-514px -5px;}
    .x-aside-menu > li:hover > a .pfi.d15{background-position:-538px -5px;}
    .pfi.d06{background-position:-5px -30px;}
    .pfi.d07{background-position:-30px -30px;}
    .pfi.d08{background-position:-55px -30px;}
    .pfi.desc{background-position:-105px -30px;}
    .pfi.asc{background-position:-130px -30px;}
    .pfi.sort{background-position:-155px -30px;}
    .pfi.d12{height:22px;width:20px;background-position: -180px -30px;vertical-align: top;margin-top: 2px;}
    .pfu{height:18px;width: 18px;display:inline-block;}
    .pfu.d01{background-position:-8px -6px;}
    .x-aside-menu > li:hover > a .pfu.d01{background-position:-33px -6px;}
    .pfu.d02{background-position:-62px -6px;}
    .x-aside-menu > li:hover > a .pfu.d02{background-position:-89px -6px;}
    .pfu.d03{background-position:-117px -6px;}
    .x-aside-menu > li:hover > a .pfu.d03{background-position:-144px -6px;}
    .pfu.d04{background-position:-172px -6px;}
    .x-aside-menu > li:hover > a .pfu.d04{background-position:-199px -6px;}
    .pfu.d05{background-position:-344px -6px;}
    .x-aside-menu > li:hover > a .pfu.d05{background-position:-370px -6px;}
    .pfu.d06{background-position:-394px -6px;}
    .x-aside-menu > li:hover > a .pfu.d06{background-position:-417px -6px;}
    .pfu.d07{background-position:-465px -6px;}
    .x-aside-menu > li:hover > a .pfu.d07{background-position:-441px -6px;}
    .mainxqh a{ color: #201f1f;}
    /* .mainxqh a:hover{ color: #fc763b;} */
    .mainxqh a:focus,.mainxqh a:hover{color:#fc763b;text-decoration:underline}
    a:hover{text-decoration:underline}
    .mainxqh ul{padding:0; margin:0;}
    .mainxqh li{margin:0; list-style-type: none;}
    .mainxqh * {outline: none;}
    .mainxqh body{ margin:0; padding:0; font-size:14px;}
    .mainxqh h3{ margin:0; line-height: 34px; font-weight: 800;}
    .fl{ float:left}
    .fr{ float:right}
    .ww_list .fr{font-size:16px;color:#222222;}
    .w1100{ min-width:1100px; overflow:hidden; background:#fff;}
    .ww_top{ background:#eee; padding-bottom:20px; overflow:hidden; padding-left:32px;}
    .ww_top ul li{ float:left; width:23%; list-style-type: none; margin-right:1.8%; border-radius:5px; margin-top:10px; height:80px; }
    .ww_top ul li strong{ margin:10px 0 10px 80px; padding:5px 0; width:68%; display:inline-block; border-left:1px dashed #dedede; text-align:center; }
    /*Ã¥Å½Å¸Ã¦ÂÂ¥Ã¦ËœÂ¯30%*/
    .ww_top ul li strong h3{ margin:0; font-size:24px;color:#222222;}
    .ww_top ul li strong span{ color:#919191; font-size:14px; font-weight:normal;}
    .ww_top ul li.null{background:#f6f6f6; border:1px dashed #d9d9d9;}
    .ww_top ul li.icon01{ background-position:0 10px;}
    .ww_top ul li.icon02{ background-position:3px -80px;}
    .ww_top ul li.icon03{ background-position:0 -158px;}
    .ww_top ul li.icon04{ background-position:3px -240px;}
    .ww_top ul li.icon05{ background-position:0 -320px;}
    .ww_top ul li.icon06{ background-position:0 -400px;}
    .ww_top ul li.icon07{ background-position:0 -485px;}
    .ww_tittle{height:40px; color:#545454; font-size:14px; font-weight:bold; line-height:40px; padding-left:45px;}
    h2.ww_tit{color:#343434;font-size:18px;line-height: 26px;padding-left:40px;margin: 30px 0 30px 30px;color:#585858;}
    .ww_nav ul.ww_list{ width:35%;}
    .ww_nav ul.ww_list span{ font-size: 14px;color:#666666;}
    ul.ww_list li{ width:100%; overflow:hidden; height:34px; line-height:34px; }
    ul.ww_list i{ width:8px; height: 8px; background:#e67067; border-radius:4px; margin:13px 23px  13px  10px}
    .ww_nav,.ww_ad,.ww_else{  margin-left:2%;   margin-right: 2%;  border:1px solid #dadada; border-radius:10px; overflow:hidden; margin-bottom:15px;}
    .ww_nav .ww_tittle{}
    .ww_nav .box{width: 48%;border:1px solid #fff;border-left:1px dashed #fff;margin: 20px 1%;}
    .ww_nav .network{ font-size:20px; color:#222222;width: 250px; margin-left:1%;}
    .ww_nav .network img{ vertical-align:middle; width:76px; height:76px;}
    .ww_nav div.box:hover{ cursor:pointer;/* border:1px solid #e57a72; border-radius:5px; box-shadow:3px 3px 5px #ccc; */ position:relative; z-index:99;}
    ul.ww_list .color_red i{background:#e67067; }
    ul.ww_list .color_orange i{background:#ff964a; }
    ul.ww_list .color_blue i{background:#64b7de; }
    /*.ww_ad{ padding-left:0.5%;}*/
    .ww_ad .ww_tittle{}
    .ww_ad .box{width: 32%;margin:30px 0 30px 1%;position:relative;}
    .ww_ad .box>div{ border:1px solid #fff;border-left:1px dashed #dedede;}
    .ww_ad .box:nth-child(3n-1)>div{ border:1px solid #fff;border-left:1px dashed #fff;}
    .ww_ad .tit{ font-size:20px;padding-left:40px; margin:10px 0 20px 40px; }
    .ww_ad  ul.ww_list{margin:0px 20% 0 40px;min-height: 102px;}
    .ww_ad  ul.ww_list span{font-size: 14px;color:#666666;line-height: 34px;}
    .ww_ad  ul.ww_list h3{font-size:16px;color:#222222;font-weight:800;line-height: 34px;}
    .ww_ad .box>div:hover{cursor:pointer;position:relative;z-index:99;min-height:162px;}
    .ww_else .ww_tittle{}
    .ww_ad .icon01{ background-position:0 -42px;}
    .ww_ad .icon02{ background-position:0 -80px;}
    .ww_ad .icon03{ background-position:0 -120px;}
    .ww_ad .icon04{ background-position:0 -158px;}
    .ww_ad .icon05{ background-position:0 -197px;}
    .ww_ad .icon06{ background-position:0 -234px;}
    .ww_ad .icon07{ background-position:0 -275px;}
    .ww_ad .icon08{ background-position:0 -313px;}
    .ww_ad .icon09{ background-position:0 -354px;}
    .ww_ad .icon10{ background-position:0 -392px;}
    .ww_ad .icon11{ background-position:0 -428px;}
    .ww_ad .icon12{ background-position:0 -472px;}
    /*.nav-tabs>li{font-weight:700;}*/
    /*datepicker*/
    .datepicker .calendar .today.select-day{color:#fff;background:#5b9bd9;}
    .datepicker .calendar .today{color:#333;}
    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color: #e95757; border-color: #e95757;}
    .paginationSelect{ display: inline-block; padding-left: 0; margin: 20px 10px; border-radius: 4px; vertical-align: top; width: 60px; height: 31px; border: 1px solid #dddddd; color: #777777; padding: 0 0px 0 7px;}
    /***********************************/
    .color{color:#888888;}
    .color_weight{color:#222222;}
    .bor{float:left;width:100%;margin:30px auto 20px;border:none;border-top:1px solid #b3b3b3;}
    .bor2{float:left;width:100%;margin:15px 35px 15px;border:none;border-top:1px solid #b3b3b3;}
    .bor3{float:left;width:100%;margin:15px 35px 15px;border:none;border-top:1px dashed #b3b3b3;}
    .btn-blue.btn-defal{background:#BBBBBB}
    .form-group input{width:175px;height:34px;border-radius:5px;padding:10px;border:1px solid #CCCCCC;}/*DEDEDE*/
    table td a{color:#337ab7;}
    table td a:hover,table td a:focus{color:#23527c;}
    .weilogostop a{margin-right:15px;}
    .table>tbody+tbody,.tbodyborder{border:0;}
    .tbodyborder tr:nth-of-type(odd){border-bottom:0;}
    .main-table .main-table-striped .tbodyborder tr:nth-of-type(odd) td{padding-bottom:0;}
    .tbodyborder tr:nth-of-type(even) td:nth-of-type(2) span{padding:2px 12px;border-radius:12px;font-size:12px;}
    .tbodyborder tr:nth-of-type(even) td:nth-of-type(2) span:nth-of-type(1){background:#F3E6E5;color:#837675;margin-right:25px;}
    .tbodyborder tr:nth-of-type(even) td:nth-of-type(2) span:nth-of-type(2){background:#DDE3E6;color:#84898B;}
    /***********************************/
    .ww_tittle{border-radius:5px 5px 0 0;margin-bottom:15px;}
    .operation span{display:inline-block;padding-right:10px;}
    .userDiv{margin-bottom:30px;width:100%;float:left;}
    .userDiv tbody{font-size:13px;}
    .userDiv tbody input{width:120px;padding:4px 10px;border-radius:3px;border:1px solid #D9D9D9;text-align:right;}
    .userDiv tbody .fixed{width:120px;padding:4px 10px;border-radius:3px;border:1px solid #D9D9D9;text-align:right;}
    .form-control[readOnly]{background:#fff;}
    .titleLeft .titlespan{font-weight:100;font-size:14px;color:#888;margin-left:50px;position:absolute;top:5px;}
    .datapos{position:absolute;top:0px;left:310px;}
    button{outline:none;border:none;}
    li.enter{margin-left:13px;}
    .titleLeft small{font-weight:normal !important;font-size:14px;}
    .btn-grey.size{width:72px;padding:6px 8px;margin-right:15px;}
    .btn.btnwid{padding:6px 35px;}
    .border{border-bottom:1px solid #D9D9D9;}
    .titleLeft{position:relative;}
    .titleLeft p{position:absolute;font-weight:100;font-size:14px;color:#F66562;top:5px;left:167px;padding-left:25px;background-size:15px 15px;}
    /*****************************/
    .user_title{margin-bottom:80px}
    .user_unit{font-size:14px;}
    .user_input{font-size:14px;display:inline;width:123px !important;margin-right:15px;}
    .user_name{display:inline-block;font-size:14px;width:188px;padding-right:33px;}
    .user_name2{display:inline-block;font-size:14px;width:118px;padding-right:33px;}
    .user_name3{display:inline-block;font-size: 13px;width:222px;padding-right:33px;}
    .user_name4{display:inline-block;font-size:14px;width:242px;padding-right:33px;}
    .user_name5{display:inline-block;font-size:14px;width:60px;padding-right:15px;}
    .user_name6{display:inline-block;font-size:14px;width:110px;padding-right:15px;}
    .user_name7{display:inline-block;font-size:14px;width:164px;padding-right:33px;}
    .user_input8{text-align:right;font-size:14px;display:inline;width:123px !important;margin-right:15px;}
    .user_half{width:50%;float:left;}
    .user_left{width:510px;float:left;}
    .user_col12{float:left;width:100%;}
    .user_line{margin:50px auto  20px;border:none;border-top:1px solid #b3b3b3;}
    /*nav*/
    .nav_father{padding: 17px 5px 14px 8px;background: #eee;border-bottom: 0px;font-size:15px;}
    .nav_son{border-radius:5px;padding:8px 18px  17px;}
    .nav_son:hover{text-decoration:none;color:red; }
    .nav_active{color:#da2828;font-size:16px;padding: 8px 18px  17px;background:#fff;}
    .nav_padding{margin:0 5px}
    /*****************************/
.scrollbar::-webkit-scrollbar{ width: 16px; height: 16px; background-color: #f5f5f5; }
.scrollbar::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); border-radius: 10px; background-color: #f5f5f5; }
.scrollbar::-webkit-scrollbar-thumb{ height: 20px; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; }
.align_left.Ellipsis{overflow:hidden;line-height:100%;text-overflow:ellipsis;white-space:nowrap;}
.Ellipsis{overflow:hidden;line-height:100%;text-overflow:ellipsis;white-space:nowrap;}
.Ellip{white-space:nowrap;}
.inputtext{line-height:34px;color:#59A5D9;}
.titlep{font-size:14px;text-align:center;}
.titlepimg{margin-right:10px;}
.titleh4{margin-bottom:0;margin-left:10px;color:#000;}
.userTop .form-group .user_name{width:300px;}
.userTop .form-group input{height:auto;}
.table.Extension tbody tr{margin:0 5px !important;}
.table.Extension tbody tr td{padding:10px 12px !important;}
.table.Extension tbody tr:nth-of-type(odd){border-bottom:0;padding-bottom:6px !important;}
.table.Extension tbody tr:nth-of-type(even){background:#F2F2F2;border-radius:3px;}
.openblue{background:#45C5F1;color:#fff;}
.closeg{background:#EBEBEB;color:#969494;}
.closeb{background:#BBBBBB;color:#fff;}
.closew{background:#fff;color:#a9a3a3;}
.openblue,.closeg,.closeb,.closew{padding:2px 6px;}
.openleft{border-radius:4px 0 0 4px;}
.closeright{border-radius:0 4px 4px 0;}
.mubiahove{display:inline-block;width:22px;height:22px;background-size:100% 100%;margin-right:10px;margin-top:7px;}
.mubiahove:hover{}
.titlebot{padding:0 20px;float:left;width:100%;}
.titlebotleft{height:34px;font-size:18px;margin-top:0;margin-bottom:10px;}
/* some css */
.form-group{display:inline-black !important;}
.input-group .form-control.autoInputWidth{width:320px;border-radius:5px;}
.control-label{text-align:right;padding-top:7px;margin-bottom:0;font-weight:100;}
.formleft{width:16.66666667%;float:left;}
.formright{width:83.33333333%;padding-laeft:20px;float:left;}
.modal-dialog .modal-body{padding:0 15px;}
.modal-dialog .modal-footer{margin:15px 0;margin-top:0;text-align:right;padding-left:3px;}
.modal-dialog .modal-footer.text-right{text-align:right;}
.geneModal_class .modal-dialog{width:450px;margin-top:200px;}
.b2_area{border:1px solid #cccccc;word-wrap:break-word;margin:0 0 5px;word-break:break-all;background:#eee;padding:7px;margin-left:203px;width:800px;overflow-y:auto;min-height:20px;max-height:200px;}
.b2_area p{margin:0 0 5px;}
.b2_table{padding:7px;margin-left:197px;width:800px;}
.b2_table2{padding:7px;margin-left:127px;width:600px;}
.btn-mod{ border: 1px solid #ddd;padding: 10px 20px; background-color: #f2f2f2; color: #333;  border-radius: 5px;margin-right: 16px; }
.btn-mod:hover,.btn-mod:focus{ background-color: #ece7e7; color: #333; }
.btn-mod:active{ background-color: #ece7e7; color: #333; }
.btn-mod i{color: #e8991e;}
.b2_td{word-wrap:break-word;word-break:break-all;}
.b2_input{font-size:14px;display:inline;width:266px !important;margin-right:6px;}
.b2_input2{font-size:14px;display:inline;width:66px !important;margin-right:6px;}
.b2_input3{padding-top:6px !important;font-size:14px;display:inline;width:111px !important;margin-right:6px;}
.b2_input4{font-size:14px;display:inline;width:113px !important;margin-right:6px;}
.b2_input5{text-align:right;font-size:14px;display:inline;width:133px !important;margin-right:6px;}
.b2_input6{text-align:right;font-size:14px;display:inline;width:111px !important;margin-right:6px;position:relative;right:5px;}
.url_input{font-size:14px;display:inline;width:600px !important;margin-right:6px;}
.url_input2{font-size:14px;display:inline;width:400px !important;margin-right:6px;}
.b2_area2{font-size:14px;display:inline;width:800px !important;margin-right:6px;margin-left:3px;border-radius:5px;padding:10px;border:1px solid #cccccc }
.b2_area3{font-size:14px;display:inline;width:600px !important;margin-right:6px;margin-left:3px;border-radius:5px;padding:10px;border:1px solid #cccccc}
.b2_area4{font-size:14px;display:inline;width:777px !important;margin-right:6px;margin-left:3px;border-radius:5px;padding:10px;border:1px solid #cccccc}
.b2_area7{font-size:14px;display:inline;width:300px !important;margin-right:6px;margin-left:3px;border-radius:5px;padding:10px;border:1px solid #cccccc}
.b2_area5{word-wrap:break-word;margin:0 0 5px;word-break:break-all;background:#eee;padding:7px;margin-left:205px;width:800px;overflow-y:auto;min-height:20px;max-height:600px;}
.b2_area6{word-wrap:break-word;margin:0 0 5px;word-break:break-all;margin-left:205px;overflow-y:auto;}
.b2_name{display:inline-block;font-size:14px;width:200px;padding-right:33px;}
.b2_table .table tr td {padding: 8px 16px !important;}
.b2_inline{display:inline-block !important;}
select.b2_inline{display:none !important;}
.b2_inline_liu{display:inline-block}
.form-group input.b2_radio{width:18px !important;height: 33px !important;}
.form-group input.b2_radioleft,.form-group .b2_radioleft{margin-left:50px !important;}
.b2_left{padding:2px 4px;font-size:12px;border-radius:5px 0 0 5px}
.b2_right{padding:2px 4px;font-size:12px;border-radius:0 5px 5px 0}
.pad_top6{padding-top:6px;}
.target_windowclass .modal-dialog{width:800px;margin-top:155px;}
.flt{ float:left;margin-top:5px;}
.flm{float:left;margin-top:-2px;}
.fl1{float:left;margin-top:1px;}
.btn_pad{padding:5px 22px}
/*modelé¡µ*/
.panel-info>.panel-eve {
    background-color: rgb(245,245,245);
    border-color: rgb(245,245,245);
    cursor:pointer;
}
.panel-info {border-color: rgb(245,245,245);}
.modal-div{height: auto;}
.new-scroll{overflow-y: scroll;height: 400px;}
.new-width{width:98%;margin-bottom: 4px;}
.eve-inline{display:inline-block;vertical-align:middle;margin-left: 14px;}
.input-group .form-control.eve-input-width{width:180px;border-radius:5px}
.eve-height{height: 500px;}
.eve-height .page-header{margin-top:20px;margin-bottom:4px}
.eve-height .panel-body div{height:30px}
.eve-height .panel-body div input{margin-right:14px}
.eve-height .eve-item{
    border-bottom: 1px dotted #ccc;
    padding: 3px 0;
    height: 40px;
    line-height: 36px;
    font-size:14px;
    padding-left: 10px;
    position: relative;
    }
.eve-height .eve-item i{
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    color: #999999;
    width: 20px;
    height: 20px;
    line-height: 14px;
    text-align: center;
    font-family: cursive;
    font-style: normal;
    background: whitesmoke;
    font-size: 17px;
    cursor: pointer;
}
.eve-header{
    font-size:18px;
    margin-bottom:18px;
}
.modal-dialog .eve-right{
    text-align:right;
}
.xian-small-form form { position: relative; }
.xian-small-form form .input-group { width: 90%; margin: 10px; line-height: 20px; font-size: 14px; }
.xian-small-form form .input-group textarea{ width: 100%; padding: 6px 12px; }
.xian-small-form form button{ margin: 0 0 10px 10px; vertical-align: middle; display: block; }

.xian-small-form form .xian-small-result{ display: block; padding: 2px 10px; font-size: 16px; margin-bottom: 10px;}
.xian-small-form form .xian-small-result span.xian-small-info{ color: #2196F3; }
.xian-small-form form .xian-small-result span.xian-small-info small{ color: red; height: 30px; line-height: 21px; }
.xian-small-form .new-scroll{height: 232px;}
.special .table tr td{padding: 0px 16px !important;font-size:13px;}
.b2_gery{margin:0 6px;background: rgba(238,238,238,0.71) !important}
.b2_gery td{font-size:14px !important;}
.b2_margin{padding:6px 6px 0px 0px}
.b2_margin2{margin:3px 0 7px}
.b2_dashed{border-bottom:1px dashed #ddd;}
.special .table tr {
    border-bottom: 1px dashed #fff;
}
ul.popupMultiSelectBox{
    line-height: 28px;
    overflow: hidden;
    width: 100%;
}
ul.popupMultiSelectBox li{
    float: left;
    display: block;
    padding: 0 36px 0 10px;
    margin: 0 2px;
    position: relative;
    border: 1px solid #CCCCCC;
    background: #F2F2F2;
}
ul.popupMultiSelectBox li span{}
ul.popupMultiSelectBox li i{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 28px;
    line-height: 28px;
    border-left: 1px solid #CCCCCC;
    width: 28px;
    text-align: center;
    background: #ECEAEA;
}
ul.popupMultiSelectBox:before{width: 80px;display: block;height: 30px;line-height: 30px;float: left;}
/*åœ°åŸŸ*/
.modalPadding{margin-bottom:0;padding:20px 10px 0px 10px;}
.dialog-good{}
.dialog-good .dialog-title{
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    height: 58px;
    line-height: 58px;
    padding: 0 10px;
}
.dialog-good .dialog-title h3{
    font-size: 16px;
    font-weight: 700;
    float: left;
}
.dialog-good .dialog-title button{
    margin-top: 23px;
    color: #45c5f1;
    border: 1px solid #45c5f1;
    height: 22px;
    line-height: 20px;
}
.dialog-good .dialog-l-m {height:439px;overflow:auto;padding: 10px 20px;}
.dialog-good .dialog-l-m .dialog-l-a{
    line-height: 34px;
    font-size: 14px;
    color: #222;
    padding-left: 0;
}
.dialog-good .dialog-l-m input{
    margin-right: 10px;
}
.dialog-good .dialog-l-m .dialog-l-o {}
.dialog-good .dialog-l-m .dialog-l-s{
    background: #f4f4f4;
    padding: 4px 15px;
    margin-left: -10px;
    overflow: hidden;
}
.dialog-good .dialog-l-m .dialog-l-s span{
    float: left;
    padding: 0 8px;
}
.dialog-good .dialog-r-m{
    height: 439px;
    overflow: auto;
}
.dialog-good .dialog-r-m .dialog-r-o{
    margin: 4px;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    background: #f4f4f4;
    color: #444;
    padding: 0 10px;
    position: relative;
}
.dialog-good .dialog-r-m .dialog-r-o button{
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #ddd;
    background: #ebebeb;
    height: 28px;
    width: 30px;
    line-height: 24px;
}
.dialog-good .dialog-r-m .dialog-r-o i{
    font-size: 14px;
    color: #888;
}
.modal-box {background:none repeat scroll 0 0 #F9F9F9;border-left: 1px solid #eee;border-top: 1px solid #eee; overflow: hidden;border-right: 1px solid #eee;border-bottom: 0;clear:both;margin-top: 0;margin-bottom:16px;position:relative;border-radius: 8px;box-shadow: 1px 1px 2px #eee;}
.modal-box.widget-calendar,
.modal-box.widget-chat { overflow:hidden !important; }
.modal-box.widget-plain { background:transparent; border:none; margin-top:0; margin-bottom:0; }
.modal-box.widget-plain .widget-content { padding:12px 0 0; }
.benziModal_class .modal-dialog{width:960px;margin-top:50px;}

/* width 800px ang form css custom */
.modal800 .modal-dialog { width: 800px; margin-top: 50px;}
.modal800 .modal-dialog .user_name3{width: 128px;}
.modal800 .modal-dialog .b2_table { padding: 7px; margin-left: 80px; width: 589px; }

.copy_class .modal-dialog{width:520px;margin-top:15%;}
.copy_class2 .modal-dialog{width:620px;margin-top:10%;}
.selectFuZalist{
    overflow: hidden;
}
.selectFuZalist div{
    float: left;
    height: 34px;
    position: relative;
    line-height: 33px;
    padding: 0 42px 0 12px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    margin-right: 10px;
    background: #eee;
}
.selectFuZalist div span{}
.selectFuZalist div i{
    padding: 0;
    font-size: 12px;
    cursor: pointer;
    line-height: 34px;
    text-align: center;
    border-left: 1px solid #ddd;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
}
.pl5{padding-left:5px;float:left;}
.eve-content{overflow-y:auto;height:400px;}
.eve-content a{text-decoration:none;hover:}
.eve-content a:hover{color:black;cursor: default;}
.pagecheck lable{background-color:red}
.rightdiyu{display:block;margin-left:202px;}
.zidingyipz{border:none;background:#fff;resize:none;}
.page-header h4{margin-bottom:0px;color:black;font-size:17px;}
.acolor a{color:#337ab7;} ,, c01
.panel-eve h3{color:black;font-size:14px;cursor: pointer;}
/******å¦‚æ„å¼¹******/
.btn_mar{margin-left:20px}
.prompt1{color: #e95757;margin-left: 228px;}
.prompt2{color: #e95757;margin-left: 245px;}
.inline{display:inline;margin-bottom:5px}
.addCaret:before {content: " ";display: block;position: absolute;z-index: 20;right: 12px;top: 6px;border-top: 5px dashed;border-top: 4px solid\9;border-right: 3px solid transparent;border-left: 3px solid transparent;}
.modal-dialog:before{pointer-events:none;content: " ";-webkit-transform: rotate(45deg);position: absolute;width: 20px;height: 20px;border-bottom: 2px solid #f8f8f8;border-right: 2px solid #f8f8f8;top: 0;right: -32px;z-index: -1100;}
.modal-dialog:after {pointer-events:none;content:' ';-webkit-transform: rotate(45deg);position: absolute;width: 20px;height: 20px;border-top: 2px solid #f8f8f8;border-left: 2px solid #f8f8f8;top: 25px;right: -32px;z-index: -1100;}
.vertitop{vertical-align: top !important;}
.title_margin{height:34px;font-size:18px;margin-bottom:15px;}
.top2{top:2px;}
.addpadding{padding:5px 22px 6px;}
.radiobottom {margin-bottom:2px;}
.redstar{color:red;}
.margin20{margin-top:20px}
.marginb25{margin-bottom:25px;}
/*::-webkit-input-placeholder {  direction: rtl;}
:-moz-placeholder {  direction: rtl;}
::-moz-placeholder {  direction: rtl;}
:-ms-input-placeholder {  direction: rtl;}*/
.subtitle{font-size:17px;color:#333;padding:10px;font-weight:bold;}
    ul.popupMultiSelectBox{ line-height: 28px; overflow: hidden; width: 100%; }
    ul.popupMultiSelectBox li{float: left;display: block;padding: 0 36px 0 10px;margin: 0 8px 8px 0;position: relative;border: 1px solid #CCCCCC;background: #F2F2F2;border-radius: 3px;}
    ul.popupMultiSelectBox li span{}
    ul.popupMultiSelectBox li i{display: block;position: absolute;right: 0;top: 0;height: 28px;line-height: 28px;border-left: 1px solid #CCCCCC;width: 28px;text-align: center;background: #ECEAEA;border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
    ul.popupMultiSelectBox.nobefore:before{content:"";width: 0;display: block;height: 0;line-height: 0;float: none;}
    .form-unit { position: absolute; left: 347px; top: 9px; }
    /* main-table */
    .main-table{padding: 15px 30px 15px;}
    .main-table-info{ height: 75px; overflow: hidden; }
    .main-table .main-table-info-msg{ width: 300px; float: left; }
    .main-table .main-table-info-msg h6{display: block;height: 75px;line-height: 75px;margin: 0;padding: 0 17px;}
    .main-table .main-table-nav{ float: right; }
    .main-table .btn-link{padding:0;font-size: 14px;}
    /* design for yunxi */
    .main-table-yx{ margin-left: 0; }
    .main-table-yx .table{border-bottom: 1px solid #ddd;position: relative;}
    .main-table-yx .table tr th {padding: 8px 10px 15px;font-size: 13px;color: #222;border-left:1px;border-right:1px;border: 0;}
    .main-table-yx .table thead tr th {border-bottom: 1px solid #ddd;}
    .main-table-yx .table thead{border-bottom: 0;}
    .main-table-yx .table tbody{border: 0;border-bottom: 1px dashed #ddd;}
    .main-table-yx .table tr {border: 0;line-height: 20px;}
    .main-table-yx .table tr td{padding: 10px 10px;line-height: inherit;border: 0;}
    .main-table-yx .table tr.extraTd {}
    .main-table-yx .table tr.extraTd td{padding: 0px 16px 10px;}
    .main-table-yx .table .main-table-link{ font-size: 14px; padding: 0 4px 0 0; color: #3390CF; cursor: pointer; }
    .main-table-yx .table .main-table-link:hover{ color: #00365A; }
    /* design for loading */
    .imloading,.imloading td{ height: 37px; }
    .imloading>td>div{z-index:300;padding-top: 100px;background: rgba(221,221,221,0.5);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
    .sk-spinner-wave.sk-spinner {position: absolute;width: 50px;height: 30px;top: 50%;left: 50%;margin-left: -25px;margin-top: -15px;text-align: center;font-size: 10px;}
    .sk-spinner-wave div { background-color: #23b7e5; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
    .sk-spinner-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
    .sk-spinner-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; }
    .sk-spinner-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
    .sk-spinner-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
    @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } }
    @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } }
    /* design for yunxi */
    .pld{border: 1px solid #ddd;color: #ddd;border-radius: 5px;line-height: 15px;padding: 0px 8px;display: inline-block;font-size: 12px;margin: 0 5px 0 0;}
    .pld2{ border: 2px solid #ddd; color: #ddd; border-radius: 10px; padding: 0px 16px; line-height: 19px; display: inline-block; font-size: 12px; font-weight: 800;}
    .pld-red{border-color: #E95757;color: #E95757;}
    .pld-yellow{border-color: #F8B951;color: #F8B951;}
    .pld-blue{ border-color: #7FB0E8; color: #7FB0E8; }
    .pld-green{ border-color: #50E3C2; color: #50E3C2; }
    .filemargin{margin:10px;}
    .filepadding{padding-left:20px;}
    .filecolor1{color:#333;font-weight:bold;padding-left:22px;}
    .filecolor2{color:#333;font-weight:bold;padding-left:63px;}
    .fileborder{border:1px solid #ddd;padding:8px;border-radius:7px;}
    .filehref{color:#169BD5;font-size:14px;padding-left:10px;}    .l2r3l{ margin: 5px auto; font-family: microsoft yahei; }
    .l2r3l ul{overflow-x: hidden;overflow-y: scroll;height: 350px;margin: 0 auto;padding: 5px 10px;border-top: 1px solid #BBBBBB;border-bottom: 1px solid #BBBBBB;}
    .l2r3l ul li{color: #444;height: auto;display: block;margin: 0;}
    .l2r3l ul li div{background: #f4f4f4;border: 1px solid #ddd;margin-bottom: 5px;}
    .l2r3l ul li div label{line-height: 38px;height: auto;}
    .l2r3l ul li div label input{}
    .l2r3l ul li div label h4{margin: 8px 0;line-height: 20px;font-size: 14px;width: 320px;word-break: break-all;}
    .l2r3l ul li div label h5{ margin: 0 0 10px 0; font-size: 12px; }
    .l2r3l ul li div label span::before {top: 9px;}
    .l2r3l .l2r3lTitle { position: relative; margin-bottom: 10px; height: 30px; }
    .l2r3l .l2r3lTitle h5{ display: inline-block; line-height: 30px; font-size: 16px; margin: 0; font-weight: bold; }
    .l2r3l .l2r3lTitle input[type=text]{ width: 263px; margin-left: 10px; height: 28px; border-radius: 2px; border: 1px solid #ddd;padding-left: 5px; }
    .l2r3l .l2r3lTitle .glyphicon{ position: absolute; top: 10px; right: 50px; color: #ddd;cursor: pointer; }
    .l2r3l .l2r3lTitle .what{ position: absolute; top: 5px; right: 10px; }
    .l2r3l .wonderMore{ background: #f4f4f4; border: 1px solid #ddd; color: #444; height: 36px; line-height: 34px; margin-top: 6px; text-align: center; font-size: 15px; cursor: pointer; }
    .l2r3l .wonderMore span{}
    .l2r3r{margin: 5px auto;padding-left: 22px !important;font-family: microsoft yahei; padding-right: 0 !important;}
    .l2r3r ul{overflow-x: hidden;overflow-y: scroll;height: 350px;margin: 0 auto;padding: 5px 0px;border-top: 1px solid #BBBBBB;border-bottom: 1px solid #BBBBBB;}
    .l2r3r ul li{background: #fff;color: #444;font-size: 14px;padding: 0 0 0 15px;border-bottom: 1px dashed #bbb;position: relative;}
    .l2r3r ul li h4{display: block;margin: 13px 0 5px;line-height: 20px;font-size: 14px;width: 320px;word-break: break-all;}
    .l2r3r ul li h5{display: block;font-size: 12px;margin: 0;margin-bottom: 13px;}
    .l2r3r ul li i{color: #999;font-size: 15px;line-height: 13px;cursor: pointer;display: block;border: 1px solid #ddd;position: absolute;right: 6px;top: 10px;border-radius: 3px;text-align: center;width: 17px;height: 17px;margin: 0 10px;background: #Eee;font-family: microsoft yahei, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style: normal;}
    .l2r3r .l2r3rTitle{position: relative; margin-bottom: 10px; height: 30px; }
    .l2r3r .l2r3rTitle h5{display: inline-block; line-height: 30px; font-size: 16px; margin: 0; font-weight: bold; }
    .l2r3r .l2r3rTitle input[type=button]{ border: 1px solid #5BC0DE; background: #fff; color: #5BC0DE; float: right; margin-right: 13px; height: 25px; width: 43px; margin-top: 2px; }
     /*å±…ä¸­ ç®€å•è°ƒæ•´æ¨¡æ€æ¡†*/
    .sub1centercenter { top: 50%; height: 700px; margin-top: -350px; }
    .sub1centercenter .modal-body {position: relative;padding: 5px 30px 16px;}
    .sub1centercenter .modal-open .modal { overflow-x: hidden; overflow-y: hidden; }
    .sub1centercenter .modal-title { margin: 0; line-height: 80px; height: 50px; font-size: 20px; font-weight: bold; color: #333; }
    .sub1centercenter .modal-header { border-bottom: 0; }
    .modal-footer { border-top: 0; }
    .what{background:url();width: 22px;height: 22px;background-size: 20px;background-position: center center;background-repeat: no-repeat;display: inline-block;}
    .tooltip.right .tooltip-arrow{ border-right-color: #bbb !important;}
    .tooltip.right .tooltip-inner{ background-color: #F1F1F1; color: #333; border: 1px solid #bbb;}
    .tooltip.bottom{ margin-left: 35px; }
    .tooltip.bottom .tooltip-arrow{ left: 10% !important; border-bottom-color: #bbb !important;}
    .tooltip.bottom .tooltip-inner{ background-color: #F1F1F1; color: #333; border: 1px solid #bbb;}
    /*è¿™ä¸¤è¡Œcssçš„ä½œç”¨æ˜¯åŠ å…¥xå·*/
    .modal-dialog-x:before{pointer-events:none;content: " ";-webkit-transform: rotate(45deg);position: absolute;width: 20px;height: 20px;border-bottom: 2px solid #f8f8f8;border-right: 2px solid #f8f8f8;top: 0;right: -32px;z-index: -1100;}
    .modal-dialog-x:after {pointer-events:none;content:' ';-webkit-transform: rotate(45deg);position: absolute;width: 20px;height: 20px;border-top: 2px solid #f8f8f8;border-left: 2px solid #f8f8f8;top: 25px;right: -32px;z-index: -1100;}
    /*ä¸¤ä¸ªé¢œè‰²çš„æŒ‰é’®*/
    .btn-gray{padding: 6px 22px;background-color:#fff;color:#CCCCCC;border:1px solid #CCCCCC;font-size:14px;border-radius:5px;}
    .btn-grey{ padding:6px 22px; background-color:#c6c6c6;color:#fff;font-size:14px;border-radius:5px; }
    .btn-grey:hover,.btn-grey:focus{ background-color: #ccc; color: #fff; }
    .btn-grey:active{ background-color: #b0acac; color: #fff; }
    .btn-glay{ padding: 6px 22px; background-color: #c6c6c6; color: #fff; font-size: 14px; border-radius: 5px; }
    .btn-glay:hover,.btn-glay:active,.btn-glay:focus{ background-color: #c6c6c6; color: #fff; }
    .btn-red{padding: 6px 22px;background-color: #f7695b;color: #fff;font-size: 14px;border-radius: 5px;}
    .btn-red:hover,.btn-red:focus{ background-color: #F05A50; color: #fff; }
    .btn-red:active{ background-color: #F05A50; color: #fff; }
    /***************************************/
    /** checkbox css **/
    /***************************************/
    .checkbox { padding-left: 20px; margin: 0; }
    .checkbox span { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
    .checkbox span::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -18px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox span::after { content: ""; display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -18px; padding-left: 3px; padding-top: 0; font-size: 11px; color: #555; }
    .checkbox input[type="checkbox"] { opacity: 0; z-index: 1; margin-top: 10px; }
    /*.checkbox input[type="checkbox"]:focus + span::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }*/
    .checkbox input[type="checkbox"]:checked + span::after { font-family: "FontAwesome"; content: "\f00c";}
    .checkbox.checkbox input[type="checkbox"]:indeterminate + span::after { display: block; content: ""; width: 10px; height: 3px; background-color: #555; border-radius: 2px; margin-left: -16.5px; margin-top: 7px; }
    .checkbox.checkbox input[type="checkbox"]:disabled + span { opacity: 0.65; }
    .checkbox.checkbox input[type="checkbox"]:disabled + span::before { background-color: #eeeeee; cursor: not-allowed; }
    .checkbox.checkbox.checkbox-circle span::before { border-radius: 50%; }
    .checkbox.checkbox.checkbox-inline { margin-top: 0; }
    .checkbox.checkbox-primary input[type="checkbox"]:checked + span::before { background-color: #337ab7; border-color: #337ab7; }
    .checkbox.checkbox-primary input[type="checkbox"]:checked + span::after { color: #fff; }
    .checkbox.checkbox-danger input[type="checkbox"]:checked + span::before { background-color: #d9534f; border-color: #d9534f; }
    .checkbox.checkbox-danger input[type="checkbox"]:checked + span::after { color: #fff; }
    .checkbox.checkbox-info input[type="checkbox"]:checked + span::before { background-color: #5bc0de; border-color: #5bc0de; }
    .checkbox.checkbox-info input[type="checkbox"]:checked + span::after { color: #fff; }
    .checkbox.checkbox-warning input[type="checkbox"]:checked + span::before { background-color: #f0ad4e; border-color: #f0ad4e; }
    .checkbox.checkbox-warning input[type="checkbox"]:checked + span::after { color: #fff; }
    .checkbox.checkbox-success input[type="checkbox"]:checked + span::before { background-color: #5cb85c; border-color: #5cb85c; }
    .checkbox.checkbox-success input[type="checkbox"]:checked + span::after { color: #fff;}
    .checkbox.checkbox-primary input[type="checkbox"]:indeterminate + span::before { background-color: #337ab7; border-color: #337ab7; }
    .checkbox.checkbox-primary input[type="checkbox"]:indeterminate + span::after { background-color: #fff; }
    .checkbox.checkbox-danger input[type="checkbox"]:indeterminate + span::before { background-color: #d9534f; border-color: #d9534f; }
    .checkbox.checkbox-danger input[type="checkbox"]:indeterminate + span::after { background-color: #fff; }
    .checkbox.checkbox-info input[type="checkbox"]:indeterminate + span::before{ background-color: #5bc0de; border-color: #5bc0de; }
    .checkbox.checkbox-info input[type="checkbox"]:indeterminate + span::after{ background-color: #fff; }
    .checkbox.checkbox-warning input[type="checkbox"]:indeterminate + span::before { background-color: #f0ad4e; border-color: #f0ad4e; }
    .checkbox.checkbox-warning input[type="checkbox"]:indeterminate + span::after { background-color: #fff; }
    .checkbox.checkbox-success input[type="checkbox"]:indeterminate + span::before { background-color: #5cb85c; border-color: #5cb85c; }
    .checkbox.checkbox-success input[type="checkbox"]:indeterminate + span::after { background-color: #fff; }
    .radio { padding-left: 20px; margin: 0; }
    .radio span { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
    .radio span::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
    .radio span::after { content: ""; display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
    .radio input[type="radio"] { opacity: 0; z-index: 1; margin-top: 10px; }
    /*.radio input[type="radio"]:focus + span::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }*/
    .radio input[type="radio"]:checked + span::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + span { opacity: 0.65; }
    .radio input[type="radio"]:disabled + span::before { cursor: not-allowed; }
    .radio.radio-inline { margin-top: 0; }
    .radio.radio-primary input[type="radio"] + span::after { background-color: #337ab7; }
    .radio.radio-primary input[type="radio"]:checked + span::before { border-color: #337ab7; }
    .radio.radio-primary input[type="radio"]:checked + span::after { background-color: #337ab7; }
    .radio.radio-danger input[type="radio"] + span::after { background-color: #d9534f; }
    .radio.radio-danger input[type="radio"]:checked + span::before { border-color: #d9534f; }
    .radio.radio-danger input[type="radio"]:checked + span::after { background-color: #d9534f; }
    .radio.radio-info input[type="radio"] + span::after { background-color: #5bc0de; }
    .radio.radio-info input[type="radio"]:checked + span::before { border-color: #5bc0de; }
    .radio.radio-info input[type="radio"]:checked + span::after { background-color: #5bc0de; }
    .radio.radio-warning input[type="radio"] + span::after { background-color: #f0ad4e; }
    .radio.radio-warning input[type="radio"]:checked + span::before { border-color: #f0ad4e; }
    .radio.radio-warning input[type="radio"]:checked + span::after { background-color: #f0ad4e; }
    .radio.radio-success input[type="radio"] + span::after { background-color: #5cb85c; }
    .radio.radio-success input[type="radio"]:checked + span::before { border-color: #5cb85c; }
    .radio.radio-success input[type="radio"]:checked + span::after { background-color: #5cb85c; }
    .checkbox input[type="checkbox"].styled:checked + span:after,
    .radio input[type="radio"].styled:checked + span:after { font-family: 'FontAwesome'; content: "\f00c"; }
    .checkbox input[type="checkbox"] .styled:checked + span::before,
    .radio input[type="radio"] .styled:checked + span::before { color: #fff; }
    .checkbox input[type="checkbox"] .styled:checked + span::after,
    .radio input[type="radio"] .styled:checked + span::after { color: #fff; }
    .checkbox label,
    .radio label{ min-height: 20px; height: 30px; }
    .checkbox.checkbox-remove input[type="checkbox"].styled:checked + span:after{ font-family: 'FontAwesome'; content: "\f00d";color: #D9534F; }
    /*///////////////////////////*/
    .titleMsg2tooltip{ position: absolute; width: 300px; min-height: 50px; padding: 5px 10px; line-height: 23px; background: #fff;z-index:1500; word-break: break-all; border: 1px solid #ccc; text-align: left; box-shadow: 1px 1px 2px #ccc; border-radius: 5px; }
    .titleMsg2 {word-break: break-all;display:inline-block;word-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;max-width:500px;overflow:hidden;vertical-align:middle;}
    /* glodbox css */
    .form-yx-glodbox{ border: 1px solid #ddd; background: whitesmoke; padding: 10px 0 0 0; margin-left: 45px;}
    .form-yx-glodbox .form-yx-box{padding-left: 143px;}
    .form-yx-glodbox .form-yx-box .form-yx-label{ width: 143px;}
    /* bluebox css */
    .form-yx-bluebox{ border: 1px solid #CCCCCC; position: relative; width: 99%; margin-top: 20px; border-radius: 5px; padding: 20px 0 0 0;}
    .form-yx-bluebox .form-yx-bluetitle{ position: absolute; top: -13px; left: 14px; background-color: white; padding: 0px 15px; font-size: 16px;}
    .select2-container .select2-choice > .select2-chosen { font-size: 12px; }
    /***************************************/
    /** table css **/
    /* design for yunxi */
    /***************************************/
    .main-table{ padding: 0px 30px 15px; box-shadow: 0 0px 0px rgba(0,0,0,.05); margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px;}
    .title-yx-box{color:#333333;font-size: 20px;margin:35px 0 25px 0;}
    .title-yx-box i{background:url(); margin-left: 4px; background-position: top center; background-repeat: no-repeat; width: 18px; height: 22px; display: inline-block; vertical-align: middle; margin-top: -4px;}
    .nav_father{padding: 0 0 0 10px;background: #eee;font-size:15px;border-bottom: 1px solid #DDDDDD;height: 60px;}
    .nav_father .nav_son{border-radius:5px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;padding: 0;display: inline-block;height: 50px;line-height: 54px;margin-top: 10px;padding: 0 20px;}
    .nav_father .nav_son:hover{text-decoration:none;color:red; }
    .nav_father .nav_active{color: #da2828;font-size:16px;padding: 0 30px;background:#fff;border: 1px solid #DDDDDD;border-bottom: 0;}
    .nav_father .nav_padding{padding:0 10px;margin:0 5px}
    /* table-yx-box */
    .table-yx-box{ margin-left: 0; margin-bottom: 20px;}
    .table-yx-box .table{border-bottom: 1px solid #ddd;position: relative; margin-bottom: 0;}
    .table-yx-box .table tr th {padding: 8px 8px 15px;font-size: 13px;color: #222;border-left:1px;border-right:1px;border: 0;}
    .table-yx-box .table thead tr th {border-bottom: 1px solid #ddd;}
    .table-yx-box .table thead{border-bottom: 0;}
    .table-yx-box .table tbody{border: 0;border-bottom: 1px dashed #ddd;}
    .table-yx-box .table tr {border: 0;line-height: 20px;}
    .table-yx-box .table tr td{padding: 10px 8px 5px;line-height: inherit;border: 0;}
    .table-yx-box .table tr td > span{ line-height: 20px; }
    .table-yx-box .table tr td > p{ display:block;margin:auto; word-break: break-all; white-space: pre-wrap; }
    .table-yx-box .table tr.extraTd {}
    .table-yx-box .table tr.extraTd td{padding: 0px 16px 5px;}
    .table-yx-box .table .btn-link{ font-size: 14px; padding: 0 0 0 4px; color: #3390CF; cursor: pointer; }
    .table-yx-box .table .btn-link:hover{ color: #00365A; }
    .table-yx-box .table .table-info{ height: 75px; overflow: hidden; }
    .table-yx-box .table-info-msg{ width: 300px; float: left; }
    .table-yx-box .table-info-msg h6{display: block;height: 75px;line-height: 75px;margin: 0;padding: 0 17px;}
    .table-yx-box .table-pager{float:right;}
    .table-yx-box .form-inline { margin: 5px 0 32px 0px; }
    .table-yx-box .form-inline .btn-red{ padding: 6px 22px; background-color: #E67067; color: #fff; font-size: 14px; border-radius: 5px; }
    .table-yx-box .form-inline .btn-red:hover,.btn-red:focus{ background-color: #F05A50; color: #fff; }
    .table-yx-box .form-inline .btn-red:active{ background-color: #F05A50; color: #fff; }
    .table-yx-box .form-inline .btn-blue{ padding: 6px 22px; background-color: #45c5f1; color: #fff; font-size: 14px; border-radius: 5px; }
    .table-yx-box .form-inline .btn-blue:hover,.btn-blue:focus{ background-color: #24aad8; color: #fff; }
    .table-yx-box .form-inline .btn-blue:active{ background-color: #2198c1; color: #fff; }
    .table-yx-box .pagination>.active>a,
    .table-yx-box .pagination>.active>a:focus,
    .table-yx-box .pagination>.active>a:hover,
    .table-yx-box .pagination>.active>span,
    .table-yx-box .pagination>.active>span:focus,
    .table-yx-box .pagination>.active>span:hover{ background-color: #e95757; border-color: #e95757;}
    .table-yx-box i.pfi { vertical-align: middle;position: relative; height: 15px; top: -1px; width: 10px; margin: 0 0 0 5px; cursor: pointer; overflow: hidden; display: inline-block; }
    .table-yx-box i.pfi:before { content:' '; border-color: transparent transparent #d8d8d8 transparent; border-style: solid; border-width: 0px 4px 6px 4px; width: 10px; height: 6px; line-height: 6px; display: block; margin-bottom: 2px; }
    .table-yx-box i.pfi:after { content:' '; border-color: #d8d8d8 transparent transparent transparent; border-style: solid; border-width: 6px 4px 0px 4px; width: 10px; height: 6px; line-height: 6px; display: block; }
    .table-yx-box i.pfi.asc:before { border-color: transparent transparent #e67067 transparent; }
    .table-yx-box i.pfi.desc:after { border-color: #e67067 transparent transparent transparent; }
    .table-yx-box .table-yx-loading,
    .table-yx-box .table-yx-loading td{ height: 37px; }
    .table-yx-box .table-yx-loading>td>div{z-index:200;padding-top: 100px;background: rgba(221,221,221,0.5);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
     /*end*/
    .table-sp1 .table { border-bottom: 0; position: relative; }
    .table-sp1 > div { border: 1px solid #DDDDDD; padding: 10px; border-radius: 4px; }
    .table-sp1 .table thead tr th { border-bottom: 0; }
    .table-sp1 .table tbody { border: 0; border-bottom: 0; }
    .table-ho {overflow: visible;}
    .table-ho .hohoho{overflow: visible;position: relative;cursor: pointer;}
    .table-ho .hohoho img{width: 100%;min-width: 200px;max-width: 300px;position: absolute;top: 100%;left: 0;display: none;z-index: 300;border: 1px solid #DDDDDD;}
    .table-ho .hohoho:hover{}
    .table-ho .hohoho:hover img{display:block}
    /* xian-checks2 */
    .xian-checks2{cursor:pointer;line-height:34px;}
    .xian-checks2>i{position:relative;vertical-align:middle;background-color:#E4E4E4;border:0;color:#868686;border-radius:10px;padding:0;line-height:24px;display:inline-block;font-size:12px;font-style:initial;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
    .xian-checks2>input{position:absolute;opacity:0;}
    .xian-checks2>input+i:before{content:"\5f00\542f";display:inline-block;border-radius:10px;padding:0 10px 0 8px;text-align:center;}
    .xian-checks2>input+i:after{content:"\5173\95ed";display:inline-block;border-radius:10px;padding:0 8px 0 6px;text-align:center;background:#9E9E9E;color:#fff;}
    .xian-checks2>input:checked+i:after{background:inherit;color:inherit;}
    .xian-checks2>input:checked+i:before{background:#FF6633;color:#fff;}
    .xian-checks2.xian-checks-suo>input+i:after{content:"\4e0d\9501\5b9a";}
    .xian-checks2.xian-checks-suo>input+i:before{content:"\9501\5b9a";}
    .xian-checks2.xian-checks-lan>input+i:after{content:"\4e0d\62e6\622a";}
    .xian-checks2.xian-checks-lan>input+i:before{content:"\62e6\622a";}
    .xian-checks2.xian-checks-blue>input:checked+i:before{background:#45C5F1;}
    .form-yx .form-yx-box .form-yx-control.inline .xian-checks2{ top: 5px; position: relative; margin-right: 18px;}
     .barList_class .modal-dialog {
         margin: 140px auto;
        width:550px;
    }
    .modal-dialog { width: 850px; margin: 30px auto; }
    /* datepicker */
    input[type=text][datetime-picker]{background: url(); background-repeat: no-repeat; background-position: 6px center; padding-left: 33px !important;}
    .second-title{font-size:18px;line-height: 26px;margin-left:20px; margin-bottom: 20px;}

    .x-aside-scroll{position: relative;}
    .x-aside-scroll:after{position: absolute;z-index: 1;bottom: 0;left: 0;top: 0;right: 0;content: "";display: block;background: #00346b;opacity: .8;}

/*////////////////////////////////////////////////////////////////////////////
* classname::form submit loading css
* ======================
* modify::2019-1-23 14:00:04
////////////////////////////////////////////////////////////////////////////*/
    .loadingbtn[disabled] { color:#bbb; cursor:not-allowed; }
    .loadingbtn[disabled] .loadingicon { border-radius:50%; width:10px; height:10px; display:inline-block; border:2px solid #ddd; border-top-color:#333; -webkit-animation-name:spin; -webkit-animation-duration:1s; -webkit-animation-iteration-count:infinite; animation-name:spin; animation-duration:1s; animation-iteration-count:infinite; -webkit-animation-timing-function:cubic-bezier(0.3, 0.1, 0.3, 0.85); animation-timing-function:cubic-bezier(0.3, 0.1, 0.3, 0.85); }
    @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } }
    @keyframes spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } }
/*////////////////////////////////////////////////////////////////////////////
* classname::2019 breadcrumb css
* ======================
* by: lyp 2019-6-13 11:14:21
////////////////////////////////////////////////////////////////////////////*/
    .yxt14breadcrumb {padding: 13px 29px 8px;font-size: 12px;color: #ddd;text-align:left;margin-bottom:0;background-color: #eee;}
    .yxt14breadcrumb a {padding: 2px 17px 2px 5px;display:inline-block;background-image: url('');background-position:center right;background-repeat:no-repeat;font-size: 12px;color: #999;}
    .yxt14breadcrumb > li + li:before ,
    .yxt14breadcrumb a:hover { color:#333333; }
    .yxt14breadcrumb a:last-child { background-image:none; }
    .yxt14breadcrumb a.current { font-weight:bold; color:#444444; }
    .yxt14breadcrumb a i {margin-right:8px;opacity: .7;}
    .yxt14breadcrumb a:hover i { margin-right:8px; opacity:.8; }
/*////////////////////////////////////////////////////////////////////////////
* classname::2019 table css
* ======================
* by: lyp 2019-6-13 11:14:21
////////////////////////////////////////////////////////////////////////////*/
    .yxt14{position: relative;}
    .yxt14 .yxt14main {padding: 0 0 15px;margin: 0 15px;box-shadow: 0 0px 0px rgba(0,0,0,.05); margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px;}
    .yxt14 .yxt14title {color:#333333;font-size: 20px;margin-top: 25px;margin-bottom:25px;}
    .yxt14 .yxt14title > i { background: url() no-repeat; top: 3px; margin-left: 2px; margin-right: 2px; height: 25px; width: 24px; background-position: center center; vertical-align: top; margin-top: 2px; display: inline-block; }
    .yxt14 .yxt14nav {padding: 0 0 0 10px;background: #eee;font-size:15px;border-bottom: 1px solid #DDDDDD;height: 60px;}
    .yxt14 .yxt14nav .yxt14navson {border-radius:5px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;padding: 0;display: inline-block;height: 50px;line-height: 54px;margin-top: 10px;padding: 0 20px;}
    .yxt14 .yxt14nav .yxt14navson:hover {text-decoration:none;color:red; }
    .yxt14 .yxt14nav .yxt14active {color:#da2828;font-size:16px;padding: 0 30px;background:#fff;border: 1px solid #DDDDDD;border-bottom: 0;}
    .yxt14 .yxt14main .table .yxt14loading,
    .yxt14 .yxt14main .table .yxt14loading td{ height: 37px; }
    .yxt14 .yxt14main .table .yxt14loading>td>div{z-index:200;padding-top: 100px;background: rgba(221,221,221,0.5);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
    .yxt14 .form-inline {margin: 25px 0 15px 10px;line-height: 40px;/* overflow: hidden; */min-height: 50px;}
    .yxt14 .form-inline .form-group { margin-right: 10px; }
    .yxt14 .form-inline input[type=text][datetime-picker] { background: url();background-color: #fff;background-repeat: no-repeat; background-position: 6px center; padding-left: 33px !important; }
    .yxt14 .table-responsive { margin-left:10px; }
    .yxt14 .form-group .form-control { width: 200px; border-radius: 5px; font-size: 12px; }
    .yxt14 .yxt14btn-red { padding: 6px 22px; background-color: #E67067; color: #fff; font-size: 14px; border-radius: 5px; }
    .yxt14 .yxt14btn-red:hover,
    .yxt14 .yxt14btn-red:focus,
    .yxt14 .yxt14btn-red:active { color: #fff; background: #E76055; }
    .yxt14 .yxt14btn-blue { padding: 6px 22px; background-color: #45c5f1; color: #fff; font-size: 14px; border-radius: 5px; }
    .yxt14 .yxt14btn-blue:hover,
    .yxt14 .yxt14btn-blue:focus,
    .yxt14 .yxt14btn-blue:active { color: #fff; background: #15bdf7; }
    .yxt14 .yxt14main .btn-link{padding:0;font-size: 14px;}
    .yxt14 .yxt14main .table{border-bottom: 1px solid #ddd;position: relative;/* table-layout: fixed; */overflow: hidden;}
    .yxt14 .yxt14main .table tbody{border-top: 0;border-bottom: 1px dashed #ddd;}
    .yxt14 .yxt14main .table tbody:nth-of-type(odd) { background-color: #f9f9f9; }
    .yxt14 .yxt14main .table tr th {padding: 10px 5px;font-size: 13px;color: #222;border-left:1px;border-right:1px;border-bottom: 1px solid #ddd;}
    .yxt14 .yxt14main .table tr td{padding: 8px 3px;word-break: break-all;}
    .yxt14 .yxt14main .main-table-info{ height: 75px; overflow: hidden; }
    .yxt14 .yxt14main .main-table-info-msg{ width: 300px; float: left; }
    .yxt14 .yxt14main .main-table-info-msg h6{display: block;height: 75px;line-height: 75px;margin: 0;padding: 0 17px;}
    .yxt14 .yxt14main .main-table-nav{ float: right; }
    .yxt14 .yxt14main .table tr td a{color:#337ab7;}
    .yxt14 .yxt14main .table tr td a:hover,
    .yxt14 .yxt14main .table tr td a:focus{color:#23527c;}
    .yxt14 .yxt14main .table>tbody>tr>td,
    .yxt14 .yxt14main .table>tbody>tr>th,
    .yxt14 .yxt14main .table>tfoot>tr>td,
    .yxt14 .yxt14main .table>tfoot>tr>th,
    .yxt14 .yxt14main .table>thead>tr>td,
    .yxt14 .yxt14main .table>thead>tr>th{border-top:none;vertical-align: middle;font-size: 14px;line-height: 20px;color: #222;}
    .yxt14 .yxt14main .tablefoot{ background: #f5f5f5;}
    .yxt14 .yxt14main .yxt14left{text-align:left;}
    .yxt14 .yxt14main .yxt14center{text-align:center;}
    .yxt14 .yxt14main .yxt14right{text-align:right;}
    .yxt14 .yxt14main .yxt14ellipsis{ overflow: hidden; max-height: 60px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
    .yxt14 .yxt14main .tablefoot{ background: #f5f5f5;}
    .modalWidth1000 .modal-dialog {width:1000px}
    .modalWidth900 .modal-dialog {width:900px}
    .modalWidth800 .modal-dialog {width:800px}
    .modalWidth700 .modal-dialog {width:700px}
    .modalWidth600 .modal-dialog {width:600px}
    .modal-dialog:before { pointer-events: none; content: " "; -webkit-transform: rotate(45deg); position: absolute; width: 20px; height: 20px; border-bottom: 2px solid #f8f8f8; border-right: 2px solid #f8f8f8; top: 0; right: -32px; z-index: -1100; }
    .modal-dialog:after { pointer-events: none; content: ' '; -webkit-transform: rotate(45deg); position: absolute; width: 20px; height: 20px; border-top: 2px solid #f8f8f8; border-left: 2px solid #f8f8f8; top: 25px; right: -32px; z-index: -1100; }
    .modal-content .yxf14 .yxf14-title { padding-left: 66px; color: #333333; font-size: 24px; margin-top: 25px; margin-bottom: 25px; font-weight: 100; }
    .modal-content .yxf14 .yxf14-box .yxf14-control button { margin-left: 60%; }
/*////////////////////////////////////////////////////////////////////////////
* classname::2019 from css
* ======================
* by: lyp 2019-6-13 11:14:21
////////////////////////////////////////////////////////////////////////////*/
    .yxf14 { width: auto; padding-bottom: 20px; padding-left: 36px;}
    .yxf14 .yxf14-title {display: block;letter-spacing: 0;text-align: left;line-height: 28px;color: #333333;font-size: 20px;margin-top: 25px;margin-bottom: 25px;font-weight: 100;}
    .yxf14 .yxf14-title > i { color: #eb6774; margin: 0 18px 0 0; height: 27px; width: 20px;background-position: -180px -28px; vertical-align: top; display: inline-block;}
    .yxf14 .yxf14-subtitle-red { color: red; font-size: 14px; margin-bottom: 25px; }
    .yxf14 .yxf14-box {width:auto;position:relative;padding:0 0 15px 160px;}
    .yxf14.bigpadding .yxf14-box {padding:0 0 15px 238px;}
    .yxf14.smallpadding .yxf14-box {padding:0 0 15px 65px;}
    .yxf14 .yxf14-box .yxf14-label {position:absolute;font-weight:normal;margin:0;top:0;left:0;width:160px;padding:0 15px 0 0;color:#888;line-height:38px;height:36px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .yxf14 .yxf14-box .yxf14-label.must:before {content:" ";width:10px;margin-right:10px;display:inline-block;vertical-align:inherit;height:10px;color:#FF4767;background:url()no-repeat center;}
    .yxf14 .yxf14-box .yxf14-label:after {content:":";display:inline-block;vertical-align:inherit;padding:0 5px;}
    .yxf14.bigpadding .yxf14-box .yxf14-label {width:230px;}
    .yxf14.smallpadding .yxf14-box .yxf14-label {width:57px;}
    .yxf14 .yxf14-box .yxf14-control {min-height:34px;line-height:34px;margin-right:20px;display:block;vertical-align:middle;position:relative;padding-left:0;padding-top:0;}
    .yxf14 .yxf14-box .yxf14-control + .yxf14-control{margin-top:10px}
    .yxf14 .yxf14-box .yxf14-control .i-checks {margin-top:0px;min-width:80px;margin-left:0px;margin-right:5px;line-height:37px;height:36px;}
    .yxf14 .yxf14-box .yxf14-control input[type=text] {font-size:14px;padding:0 15px;border: 1px solid #CCCCCC;width:400px;height:34px;line-height:inherit;letter-spacing:1px;color:#666;display:inline-block;vertical-align: middle;border-radius: 5px !important;}
    .yxf14 .yxf14-box .yxf14-control input::placeholder ,
    .yxf14 .yxf14-box .yxf14-control textarea::placeholder {color:#aaa;font-size:12px;}
    .yxf14 .yxf14-box .yxf14-control >i {line-height:34px;height:34px;padding:0 10px;display:inline-block;font-size:12px;vertical-align:middle;}
    .yxf14 .yxf14-box .yxf14-control >b {line-height:34px;height:34px;font-weight:normal;padding:0 10px;display:inline-block;font-size:12px;color:red;vertical-align:middle;}
    .yxf14 .yxf14-box .yxf14-control >b::before {content:"( "}
    .yxf14 .yxf14-box .yxf14-control >b::after {content:" )"}
    .yxf14 .yxf14-box .yxf14-control >b.note {color:#999;}
    .yxf14 .yxf14-box .yxf14-control .select2-container {border-radius: 4px;margin-top:0;width:400px;border: 1px solid #cccccc;display:inline-block;vertical-align:middle;}
    .yxf14 .yxf14-box .yxf14-control .select2-container.select2-dropdown-open {border-color:#5897fb;border-radius:3px 3px 0 0;}
    .yxf14 .yxf14-box .yxf14-control .select2-choice {background-image:none;height:34px;line-height:34px;border-radius: 4px;background:#fff;padding: 0;color:#666 !important;border:0;}
    .yxf14 .yxf14-box .yxf14-control .select2-choice>.select2-chosen line-heigh {font-size:12px;color:#aaa;}
    .yxf14 .yxf14-box .yxf14-control .select2-choice>.select2-chosen {line-height: 24px;height: 32px;font-size:12px;color:#666;}
    .yxf14 .yxf14-box .yxf14-control .select2-choice.select2-default>.select2-chosen{color:#aaa !important;}
    .yxf14 .yxf14-box .yxf14-control .select2-container .select2-choice .select2-arrow {background:#fff;border-left:1px solid #e1e3e4;width:26px;padding:0;overflow:hidden;}
    .yxf14 .yxf14-box .yxf14-control .select2-container .select2-choice .select2-arrow b {margin-left: 0;margin-top:2px;}
    .yxf14 .yxf14-box .yxf14-control input[type=number] {width:200px;height:34px;display:inline-block; border:1px solid #e1e3e4;vertical-align:middle;border-radius:2px;color:#404040;padding:10px;font-size:12px;}
    .yxf14 .yxf14-box .yxf14-control input[type=text][datetime-picker] { background:url();background-color:#fff;background-repeat:no-repeat; background-position:6px center; padding-left:33px !important; }
    .yxf14 .yxf14-box .yxf14-control.inline * {line-height:40px;height:40px;padding:0 15px;vertical-align:middle;}
    .yxf14 .yxf14-box .yxf14-control textarea {font-size:14px;display:inline;line-height:30px;width:200px;padding:3px 15px;color:#666;margin-right:6px;border-radius:2px;border:1px solid #e1e3e4;resize:none;vertical-align:middle;}
    .yxf14 .yxf14-box .yxf14-control textarea[type=text] {color:#333;}
    .yxf14 .yxf14-box .yxf14-control input[type=text].yxf14-kanbudao,
    .yxf14 .yxf14-box .yxf14-control input[type=number].yxf14-kanbudao {width:0px;height:0px;border:0;padding:0;float:right;}
    .yxf14 .yxf14-box .yxf14-control .yxf14-foke-input,.yxf14 .yxf14-box .yxf14-control .yxf14-foke-select {width:400px;height:34px;border-radius:5px;padding:10px;border:1px solid #DEDEDE;}
    .yxf14 .yxf14-box .yxf14-control .yxf14-foke-select {position:relative;}
    .yxf14 .yxf14-box .yxf14-control h6 {line-height:14px;}
    .yxf14 .yxf14-box .addCaret {cursor:pointer;}
    .yxf14 .yxf14-box .yxf14-control .yxf14-foke-select:before,
    .yxf14 .yxf14-box .addCaret:before {content:" ";display:block;position:absolute;z-index:20;right:12px;top:16px;margin-left:2px;vertical-align:middle;border-top:5px dashed;border-top:4px solid\9;border-right:3px solid transparent;border-left:3px solid transparent;}
    .yxf14 .yxf14-box .yxf14-control select.yxf14-select {width:400px;margin-right:6px;display:inline-block;height:34px;padding:6px 6px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;}
    .yxf14 .yxf14-box .yxf14-msg-box {display:block;overflow:hidden;vertical-align:middle;}
    .yxf14 .yxf14-box .yxf14-msg-box span {line-height:35px;display:block;}
    .yxf14 .yxf14-box .yxf14-msg-box .yxf14-msg-info {color:#ccc;}
    .yxf14 .yxf14-box .yxf14-msg-box .yxf14-msg-success {color:#4CAF50;}
    .yxf14 .yxf14-box .yxf14-msg-box .yxf14-msg-error {color:red;}
    .yxf14 .yxf14-box .radiobox {border:1px solid #ccc;background:#F5F5F5;line-height:36px;padding:10px 24px;}
    .yxf14 .yxf14-box .radiobox label {min-width:120px;}
    .yxf14 .yxf14-box .btn-adm1 {border:1px solid #ddd;border-radius:3px;background:#f2f2f2;color:#333;padding:10px 20px;margin-right:16px;}
    .yxf14 .yxf14-box .btn-adm1 i {color:#6DD1F3;}
    .yxf14 .yxf14-box .liftstar,.table2 tr .liftstar,.gg .liftstar,.gh .liftstar,.count-p .liftstar,.listOrder .liftstar {color:red;background:url()no-repeat center;margin-right:10px;}
    .yxf14 .yxf14-box label.prelistlabel {padding:0 20px;color:#999;font-size:13px;}
    .yxf14 .yxf14-box .prelist {line-height:26px;font-size:14px;font-weight:800;padding:10px 20px;}
    .yxf14 .yxf14-box .yxf14-control ul.popupMultiBox{line-height:28px;overflow:hidden;width:100%;padding: 0;margin: 0;}
    .yxf14 .yxf14-box .yxf14-control ul.popupMultiBox li{display: inline-block;padding:0 36px 0 10px;margin:0 8px 8px 0;position:relative;border:1px solid #CCCCCC;background:#F2F2F2;border-radius:3px;}
    .yxf14 .yxf14-box .yxf14-control ul.popupMultiBox li span{}
    .yxf14 .yxf14-box .yxf14-control ul.popupMultiBox li i{display:block;position:absolute;right:0;top:0;height:28px;line-height:28px;border-left:1px solid #CCCCCC;width:28px;text-align:center;background:#ECEAEA;border-bottom-right-radius:3px;border-top-right-radius:3px;}
    .yxf14 .yxf14-box .yxf14-control .btn {vertical-align:middle;margin-right:20px;}
    .yxf14 .yxf14-box .yxf14-control .btn.btn-danger{ vertical-align: middle; padding: 6px 22px; background-color: #E67067; font-size: 14px; border-radius: 5px; border: 1px solid transparent; }
    .yxf14 .yxf14-box .yxf14-control .btn.btn-grey { padding: 6px 22px; background-color: #c6c6c6; color: #fff; font-size: 14px; border-radius: 5px; }
    .yxf14 .yxflegend {width: 90%;margin: 10px 0 30px 0;border: 1px solid #CCCCCC;position: relative;border-radius: 5px;padding: 20px 0px 0 20px;}
    .yxf14.bigpadding .yxflegend > label:first-child {display: block;background: #fff;text-align: center;z-index: 100;position: absolute;top: -13px;left: 14px;background-color: white;padding: 0px 15px;font-size: 16px;font-weight: 100;}
    .yxf14.bigpadding .yxflegend .yxf14-box .yxf14-label {width: 210px;}
    .yxf14.bigpadding .yxflegend .yxf14-box { padding: 0 0 15px 218px; }
    .yxf14 .yxt14cursor{cursor: pointer;}
    .yxf14-loadingbtn[disabled]:after{content:"\4e2d";}
    .yxf14-loadingbtn[disabled]:before{content:" ";margin: 0 8px 0 0;border-radius: 50%; width: 10px; height: 10px; display: inline-block; border: 2px solid #ddd; border-top-color: #333; -webkit-animation-name: spin; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-name: spin; animation-duration: 1s; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(0.3, 0.1, 0.3, 0.85); animation-timing-function: cubic-bezier(0.3, 0.1, 0.3, 0.85); }

.sysadd{background:#E67067;color:#fff;border:none;}
.xqh { overflow:hidden;/* margin-left:150px; */}
.xqh .fl{ float:left;}
.xqh select{ padding:5px 10px; border-radius:6px; border:1px solid #ccc; font-size:14px; width:266px;height:270px}
.xqh option{ padding:5px 0 5px 10px; margin:0;}
.xqh .cen{width:140px; text-align:center; margin-top:90px}
.xqh .cen button{ width:65px; height:30px; background:#c7c7c7 url() no-repeat center 0;border:none; border-radius:6px; cursor:pointer; display:block; margin:10px auto;}
.xqh .cen button:nth-child(1){ background-position: center 0;}
.xqh .cen button:nth-child(2){ background-position: center -30px;}
.xqh .cen button:nth-child(3){ background-position: center -60px;}
.xqh .cen button:nth-child(4){ background-position: center -90px;}
